 
.merak-float{
	position: absolute;
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-left: 0 !important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
	background-color: #ffffff;
	.header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		padding: 15px;
		box-sizing: border-box;
		border-bottom: 10px solid #ffffff;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		background-color: #ffffff;
		.leftTitle{
			display: flex;
			align-items: center;
			.title {
				font-size: 16px;
				line-height: 30px; 
			}
		}

		.btnBoxs{
			display: flex;
			align-items: center;
			justify-content: space-between;
			.icon{
				margin-top: 5px;
				margin-left: 15px;
				cursor: pointer;
			}
		}
		
	}
	
	.content {
		flex: auto;
		margin:0 var(--merak-padding);
		margin-top: 70px;
		width: 100%;
		min-height: 0; 
		box-sizing: border-box;
		background-color:#ffffff;
		padding: 0 15px;
		.merak-float-overflow-y{
			width: 100%;
			height: 100%;
			overflow: hidden auto;

			.file_list_document {
				.line_flex {
					border-bottom: 1px solid #f3f4f6;
					width: 100%;
					display: flex;
					padding:5px 10px;
					align-items: center;
					// justify-content: space-between;
					&.flex_err_info{
						color: red;
						border-bottom:none;
						background-color: #f3f6f8;
						padding: 13px 0;
					}
					>div {
						flex: 1;
						width: 20%;
						word-break:  break-all;
						padding: 0 10px;
		
						&.firstTd {
						   width: 10%;
						   flex: .5;
						}
		
						&.secondTd {
							width: 10%;
							flex: .5;
							
						}
		
						&.oprationTd {
							width: 10%;
							flex: .5;
							 .del_txt{
								color: red;
								cursor: pointer;
								padding: 3px;
							 }
							 .set_default{
								margin-left: 10px;
								cursor: pointer;
								padding: 3px;
								color: var(--el-color-primary);
							 }
						}
					}
				}
			 
				.thumbnail_cont {
					width: 32px;
					height: 32px;
					position: relative;
					border-radius: 4px;
		
					.thumbnail_img {
						width: 100%;
						height: 100%;
						border-radius: 4px;
					}
		
					&:hover {
						.opration_shadow {
							opacity: 1;
						}
					}
				}
		
				.opration_shadow {
					border-radius: 4px;
					position: absolute;
					width: 100%;
					height: 100%;
					left: 0;
					top: 0;
					cursor: default;
					display: inline-flex;
					justify-content: center;
					align-items: center;
					color: #fff;
					opacity: 0;
					font-size: 20px;
					background-color: var(--el-overlay-color-lighter);
					transition: opacity var(--el-transition-duration);
		
					.opration_icon {
						margin: 0 5px;
						cursor: pointer;
					}
				}
			}


		}
	}
	
	 
}
.dark{
	.merak-float{
		background-color: var(--el-bg-color-page);
		.header{
			background-color: var(--el-bg-color-page);
			border-bottom: 10px solid var(--el-bg-color-page);
		}
		.content{
			background-color: var(--el-bg-color-page);
		}
	}
}


 